<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>手机子页面</title>
		<link rel="stylesheet" href="css/style.default.css" type="text/css" />
		<link rel="stylesheet" href="css/reveal.css" />
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-select.min.css">
    <!--<link rel="stylesheet" href="../bootstrap/css/bootstrap-select.min.css">-->
		<script type="text/javascript" src="js/plugins/jquery-1.7.min.js"></script>
		<script src="js/plugins/jquery.reveal.js"></script>
		<script src="js/custom/phone.js"></script>
	</head>
  <style>
  #search_btn {
    background: url("images/icons/search_white2.png");
    background-color: #FB9337;
    width: 38px;
    height: 38px;
    float: right;
  }
  #search_txt {
    float: right;
    width: 20%;
  }
  #time_picker1 {
    float: right;
    margin: 8px 5px;
  }
	#time_picker2 {
		float: right;
    margin: 8px 5px;
	}
  .lunch {
    width: 100%;
    border: none;
  }
	td div {
		float: left;
		margin-left: 5px;
	}
  </style>
	<body>
    <div class="containe" style="overflow: hidden; width: 100%">
      <div class="search_phone" style="overflow: hidden;">
        <form class="search_form" action="#" method="post">
          <input type="submit" name="" value="" id="search_btn"  />
          <input type="text" name="" value="输入订单号/买家名等……" onblur="if(this.value==''){this.value='输入订单号/买家名等……'}" onfocus="if(this.value == '输入订单号/买家名等……') this.value='';" id="search_txt" />
          <input type="date" value="2017-03-15" id="time_picker1"/>
					<span style="float:right; margin: 8px 5px">-</span>
					<input type="date" value="2017-03-15" id="time_picker2"/>
        </form>
      </div>
      <table class="table table-bordered table-striped" style="overflow: hidden;">
        <thead>
          <tr>
            <th>#</th>
            <th>订单号</th>
            <th>买家名</th>
            <th id="type">
              <!-- <div class="form-group"> -->
                <select class="lunch selectpicker" data-live-search="true">
                  <option>全部型号</option>
                  <option>小米Note2版床垫</option>
                  <option>iPhone9版床垫</option>
                </section>
              <!-- </div> -->
            </th>
            <th>地址</th>
						<th>
							<select class="selectpicker lunch" data-live-search="true">
								<option>全部订单</option>
								<option>待支付</option>
								<option>待收货</option>
								<option>已关闭</option>
								<option>已完成</option>
							</section>
						</th>
            <th>操作</th>
          </tr>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>2571455396329427</td>
              <td>雷军</td>
              <td>小米Note2版床垫</td>
              <td>北京市海淀区清河中街68号</td>
							<td>待支付</td>
              <td><div style="cursor:pointer" class="button" data-reveal-id="myModal">详情</div> <div>编辑</div> <div>删除</div></td>
            </tr>
            <tr>
              <th scope="row">2</th>
              <td>326516214794</td>
              <td>乔布斯</td>
              <td>iPhone9版床垫</td>
              <td>Apple 1 Infinite Loop Cupertino, CA 95014</td>
							<td>待收货</td>
              <td><div style="cursor:pointer">详情</div> <div>编辑</div> <div>删除</div></td>
            </tr>
          </tbody>
        </thead>
      </table>
    </div>
		<div id="myModal" class="reveal-modal">
			<h1>待讨论，手机需要什么信息</h1>
	  </div>
    <!-- Latest compiled and minified JavaScript -->
<!--<script src="../bootstrap/js/bootstrap-select.min.js"></script>-->
	</body>
</html>
